<template>
<div>
    <el-card class="box-card">
        
        <el-table
        :data="tableData"
        stripe
        style="width: 100%">
            <el-table-column
            prop="allCount"
            label="订单总额"
            align="center">
            </el-table-column>
            <el-table-column
            prop="dealerCount"
            label="经销商总额"
            align="center">
            </el-table-column>
            <el-table-column
            prop="allProfit"
            label="总利润"
            align="center">
            </el-table-column>
        </el-table>
        <!--分页栏-->
        <!-- <el-pagination
            background
            align="center"
            @size-change="handleSizeChange($event,111)"
            @current-change="Inquire()"
            :current-page.sync="currentPage"
            :page-sizes="[10, 20, 30, 40]"
            :page-size="size"
            layout="total, sizes, prev, pager, next, jumper"
            :total="total">
        </el-pagination> -->
    </el-card>
</div>
</template>
<script>
import { count } from '@/api/app_pages/dealer'
export default {
    components:{
    },
    data(){
        return {
            size: 20,
            currentPage: 1,
            total: 0,
            tableData: [],
        }
    },
    created(){
        this.data() 
    },
    methods:{
        data(){
            count(this.size,this.currentPage).then(res => {
                this.tableData.push(res.data)
            })
      },
    }
}
</script>
<style>
    .text {
        font-size: 14px;
    }
    .item {
        margin-bottom: 18px;
    }
        .clearfix:before,
        .clearfix:after {
        display: table;
        content: "";
    }
    .clearfix:after {
        clear: both
    }
    .box-card {
        margin: 0 auto;
    }
</style>